<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>Genius Talk</title>
    <link rel="stylesheet" type="text/css" href="../css/global.css" />
    <link rel="stylesheet" type="text/css" href="../css/home.css" />
    <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
</head>
<body>
<header class="login-title">
    <a href="#" class="ico blue"></a>
    <a href="#" class="ico red"></a>
</header>
<!-- main start -->
<div class="main">
    <!-- left start -->
    <div class="left" style="display:none">
        <ul>
            <!-- <li>
                <img src="../images/logo.png">
                <span class="nickname">near.yu</span>
            </li>
            <li>
                <img src="../images/logo.png">
                <span class="nickname">near.yu</span>
            </li>
            <li>
                <img src="../images/logo.png">
                <span class="nickname">near.yu</span>
            </li>
            <li>
                <img src="../images/logo.png">
                <span class="nickname">near.yu</span>
            </li> -->
        </ul>
    </div>
    <!-- left end -->
    <!-- right start -->
    <div  class="right">
        <div class="top">
            <div class="login-title">
                <a href="#" id="min" class="ico blue"></a>
                <a href="#" id="close" class="ico red"></a>
            </div>
            <img src="../images/logo.png">
            <span class="name">c-pu.gao</span>
            <span class="signature">生命是一场幻觉，可我需要你在！</span>
        </div>
        <div class="content">
            <div class="cont-left">
                <div id="message" class="message">
                    <div class="mess-left">
                            <img src="../images/logo.png">
                            <div class="mess-cont">
                                <div>搭配类的APP（背景上传后有色差，实际包装底色为稍浅的卡其色）</div>
                            </div>
                    </div>
                    <div class="mess-right">
                      <img src="../images/logo.png">
                      <div  class="mess-cont">
                          <div>公司logo重构。即时通讯类软件。在草图了一堆LOGO后.</div>
                      </div>
                    </div>
                </div>
               
            </div>
            <!-- content right start -->
            <div class="cont-right">
                <img src="../images/logo.png" />
                <p class="name">c-pu.gao</p>
            </div>
            <!-- content right end -->
        </div>
        <!-- footer start -->
        <footer class="footer">
            <div class="type">
                <img src="../images/type.jpg" />
            </div>
            <div  class="endit">
                <textarea  id="content"  name="content"></textarea>
                <button type="button" id="mjr_send" onclick="CHAT.submit();">发送</button>
            </div>
        </footer>
        <!-- footer end -->
    </div>
    <!-- right end -->
</div>
<!-- main end -->
<script type="text/javascript" src="../js/modules/zepto.min.js"></script>
<script type="text/javascript" src="../js/lib/message.js"></script>
</body>
</html>

